<!DOCTYPE html>
<html>
<head>
    <!--<base href="http://121.40.193.122:18080/cxts/">-->
    <meta charset="UTF-8">
    <title>超星数字图书馆--实时大数据综合展示平台</title>
    <link rel="stylesheet" type="text/css"  href="static/css/index-norm.css">
    <link rel="stylesheet" type="text/css"  href="static/css/new_header.css">
    <link rel="stylesheet" type="text/css"  href="static/css/skill-progress.css">
    <link rel="stylesheet" type="text/css"  href="static/css/jquery.zySlide.css">
    <link rel="stylesheet" type="text/css"  href="static/css/pgwslider.css">
    <link rel="stylesheet" type="text/css"  href="static/css/tipso.css">
    <link rel="stylesheet" type="text/css"  href="static/css/jPicture.min.css">
    <link rel="stylesheet" href="static/css/swiper.min.css"/>

</head>
<body>
<!--HEADER BEGIN-->
<!--<div class="header">-->
    <!--<div class="hlogo"><img src='static/img/title.png'></div>-->
    <!--<div class="hweather">-->
        <!--<div class="hw_left">-->
            <!--<li id="place" >北京</li>-->
            <!--<li>晴转多云</li>-->
            <!--<li>19/29</li>-->
        <!--</div>-->
        <!--<div class="hw_right">-->
            <!--<li>2017年6月15日 星期三</li>-->
            <!--<b>15:58</b>-->
            <!--<div class="hw_right_t">-->
                <!--<span>40</span>-->
                <!--<small></small>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->
<div class="kp_header">
    <div class="header_logo">
        <div class="logo_bg_left"></div>
        <div class="logo_bg_right"></div>
        <div class="logo"></div>
        <div class="logo_txt"></div>
        <div class="logo_title">大数据分析展示平台</div>
    </div>
</div>
<div class="kp_date clearfix">
    <div class="kp_weather">
        <div class="kp_weather_ads" id="kplace">北京</div>
        <div class="kp_weather_what" id="kpweather">晴</div>
        <div class="kp_weather_temp" id="kptemp">19~29</div>
    </div>
    <div class="kp_time">
        <div id="kp_clock"></div>
        <div id="kp_t">
            <span id="t_h"></span>
            <span id="t_m"></span>
            <div style="display: inline-block">
                <span id="t_s"></span>
                <p id="t_current">CURRENT TIME</p>
            </div>

        </div>
    </div>

</div>

<div class="body_center">
    <!--FIRST LINE BEGIN-->
    <div class="line1">
        <div class="box11">
            <div class="b-title"><img src="static/images/listimg.png" /><span class="section_name" data-key="borrow_order_str">借阅排行榜</span></div>
            <div class="b-content">
                <div class="b-con-img zy-Slide zy-Slide1">
                    <ul>
                        <li><img src="static/img/TS00081810.jpg" /></li>
                        <li><img src="static/img/TS00109926.jpg" /></li>
                        <li><img src="static/img/TS00118571.jpg" /></li>
                        <li><img src="upload/rank1.jpg" /></li>
                        <li><img src="upload/rank4.jpg" /></li>
                        <li><img src="upload/rank6.jpg" /></li>
                        <li><img src="upload/rank5.jpg" /></li>
                    </ul>
                </div>
                <div class="b-con-list">
                    <div class="rounded-list">
                        <ul class="ul-left">
                            <li><span>1</span><a class="kp_rank_name">红军长征西征在宁夏</a></li>
                            <li><span>2</span><a class="kp_rank_name">身体的妙药你知道吗</a></li>
                            <li><span>3</span><a class="kp_rank_name">你以为没有的可能在来的路上</a></li>
                            <li><span>4</span><a class="kp_rank_name">与故土一拍两散</a></li>
                            <li><span>5</span><a class="kp_rank_name">慧眼初开</a></li>
                        </ul>
                        <ul class="ul-right">
                            <li><span>6</span><a class="kp_rank_name">没有深夜痛哭过的人不足以谈人生</a></li>
                            <li><span>7</span><a class="kp_rank_name">纸杜鹃</a></li>
                            <li><span>8</span><a class="kp_rank_name">菩提花开有花落</a></li>
                            <li><span>9</span><a class="kp_rank_name">李嘉诚人生哲学书</a></li>
                            <li><span>10</span><a class="kp_rank_name">史蒂夫·乔布斯管理日记</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="divide-line1">
            <input id="jrjy" type="hidden" />
            <input id="bzjy" type="hidden" />
            <input id="ljjy" type="hidden" />
            <input id="jrdg" type="hidden" />
            <input id="bzdg" type="hidden" />
            <input id="dqzg" type="hidden" />
            <input id="ljdg" type="hidden" />
            <input id="tjrdg" type="hidden" />

        </div>
        <div class="box12">
            <div class="b-title"><img src="static/images/listimg.png" /><span class="section_name" data-key="borrow_count_str">借还书系统</span></div>
            <div class="b-content">
                <div class="b-content-up">
                    <div class="tjread1">
                        <p>今日借阅</p>
                        <span class="timer"></span>
                    </div>
                    <div class="tjread2"><p>本周借阅</p><span class="timer"></span></div>
                    <div class="tjread3"><p>累计借阅</p><span class="timer"></span></div>
                </div>
                <div id="main1" class="b-content-ub" style="width: 570px;height: 285px"></div>
            </div>
        </div>
    </div>
    <!--FIRST LINE END-->
    <!--SECOND LINE BEGIN-->
    <div class="line2">
        <!--UP LINE BEGIN-->
        <div class="l2-up">
            <div class="box21">
                <div class="b-title"><img src="static/images/listimg.png" /><span class="section_name" data-key="came_count_str">到馆统计</span></div>
                <div class="b-content">
                    <div class="b-content-up">
                        <div class="dg1">
                            <div class="lbar-warp">
                                <div class="default timer"></div>
                            </div>
                            <p>今日到馆</p>
                        </div>
                        <div class="dg2">
                            <div class="lbar-warp"><div class="default timer"></div></div>
                            <p>当前在馆</p>
                        </div>
                        <div class="dg3">
                            <div class="lbar-warp"><div class="default timer"></div></div>
                            <p>本周到馆</p>
                        </div>
                    </div>
                    <div class="b-content-ub">
                        <p>累计到馆(从2016年1月开始)</p>
                        <div class="bar-warp"><div class="bar default timer"></div></div>
                    </div>
                </div>
            </div>

            <div class="box22">
                <div class="b-title"><img src="static/images/listimg.png" /><span class="section_name" data-key="resource_str">本馆风采</span></div>
                <div class="b-content">
                    <div class="swiper-container">
                        <!--<div class="swiper-wrapper">-->
                            <!--<div class="swiper-slide">Slide 1</div>-->
                            <!--<div class="swiper-slide">Slide 2</div>-->
                            <!--<div class="swiper-slide">Slide 3</div>-->
                            <!--<div class="swiper-slide">Slide 4</div>-->
                        <!--</div>-->
                        <!--<div class="swiper-pagination" style="background-color: red;text-align: right"></div>-->
                    </div>

                    <!--<div class="imgbox">-->
                        <!--<div><a><img src="static/img/IMG_1881.JPG"></a></div>-->
                        <!--<div><a><img src="static/img/IMG_1935.JPG"></a></div>-->
                        <!--<div><a><img src="static/img/IMG_1941.JPG"></a></div>-->
                    <!--</div>-->
                </div>
            </div>
        </div>
        <!--UP LINE END-->
        <!--UB LINE BEGIN-->
        <div class="divide-line2-2"></div>
        <div class="l2-ub">
            <div class="box23">
                <div class="b-title"><img src="static/images/listimg.png" /><span class="section_name" data-key="today_recom_str">今日推荐</span></div>
                <div class="b-content">
                    <div class="b23-con-img zy-Slide zy-Slide2">
                        <!--<ul>-->
                            <li><img class="bcover" src="upload/24.jpg" data-title="你以为没有的可能在来的路上" data-to="33" data-from="33"/></li>
                            <li><img class="bcover" src="upload/25.jpg" data-title="身体的妙药你知道吗" data-to="47"  data-from="47"/></li>
                            <li><img class="bcover" src="upload/26.jpg" data-title="红军长征西征在宁夏" data-to="51" data-from="51"/></li>
                        <!--</ul>-->
                    </div>
                    <div class="b23-con-right">
                        <div class="b23-mbody">
                            <div class="b23-up">
                                <p>扫码即可看书</p>
                                <label>当前已扫码借阅</label>
                            </div>
                            <div class="b23-ub">
                                <div class="prg-cont rad-prg" id="indicatorContainer">
                                    <div class="b23-sline"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="box32">
                <div class="b-title"><img src="static/images/listimg.png" /><span class="section_name" data-key="notice_str">通知</span></div>
                <div class="b-content">
                    <div class="b32-header"></div>
                    <div class="b32-content">
                        <div class="myBlock">
                            <div class="myBlock_inner" style="position: relative;font-size: 16px;"></div>
                            <!--<div class="limarquee">-->
                                <!--<div>-->
                                <!--</div>-->
                            <!--</div>-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="static/js/lib/jquery-3.2.1.min.js"></script>
<script src="static/js/lib/echarts.min.js" type="text/javascript"></script>
<script src="static/js/lib/radialIndicator.js" type="text/javascript"></script>
<script src="static/js/lib/jPicture.min.js" type="text/javascript"></script>
<script src="static/js/view1/jquery.zySlide.js" type="text/javascript"></script>
<!--<script src="static/js/view1/announcement.js"></script>-->
<script src="static/js/view1/countUp.js" type="text/javascript"></script>
<!--<script src="static/js/view1/countUp.min.js" type="text/javascript"></script>-->
<!--<script type='text/javascript' src='static/js/dwr/engine.js'></script>-->
<!--<script type='text/javascript' src='static/js/dwr/util.js'></script>-->
<!--<link href="static/lib/liMarquee/liMarquee.css" rel="stylesheet" type="text/css" />-->
<!--<script src="static/lib/liMarquee/jquery.liMarquee.js"></script>-->
<script src="static/js/lib/swiper.min.js"></script>
<script src="static/js/lib/tipso.js"></script>
<script src="static/js/standard_tool.js"></script>

<script>
        pageinit();
</script>
</body>
</html>
